<!DOCTYPE html>
<html>
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">

    <title>玉米物流信息管理</title>

    <link href="../css/bootstrap.min.css" rel="stylesheet">
    <link href="../font-awesome/css/font-awesome.css" rel="stylesheet">

    <!-- Gritter -->

    <link href="../css/animate.css" rel="stylesheet">
    <link href="../css/style.css" rel="stylesheet">

    <!-- 日期插件 -->
    <link href="../css/plugins/datapicker/datepicker3.css" rel="stylesheet">


    <style>
        #dropz {
            background: url("../img/a4.jpg") no-repeat;
            padding: 40px 0;
            color: #fff;
            -webkit-border-radius: 5%;
            -moz-border-radius: 5%;
            border-radius: 5%;
            width: 80%;
            cursor: pointer;
        }
    </style>

</head>
<body style="background:#fff">
<div id="wrapper">
    <div class="row wrapper border-bottom white-bg page-heading">
        <div class="col-lg-9">
            <h2>员工列表</h2>
            <ol class="breadcrumb">
                <li>
                    <a href="../index.html">首页</a>
                </li>
                <li>
                    员工管理
                </li>
                <li class="active">
                    <strong>添加员工</strong>
                </li>
            </ol>
        </div>
    </div>
    <div class="wrapper wrapper-content">
        <!-- 添加员工表单模块  -->
        <div class="row">
            <div class="col-lg-8 col-lg-offset-2">
                <div class="ibox float-e-margins">
                    <div class="ibox-title">
                        <h5>
                            请添加员工信息
                        </h5>
                        <div class="ibox-tools">
                            <a class="collapse-link">
                                <i class="fa fa-chevron-up"></i>
                            </a>
                            <a class="close-link">
                                <i class="fa fa-times"></i>
                            </a>
                        </div>
                    </div>
                    <div class="ibox-content">
                        <form method="post" class="form-horizontal">
                            <div class="form-group"><label class="col-sm-2 control-label">员工姓名</label>
                                <div class="col-sm-10"><input type="text" class="form-control"> <span
                                        class="help-block m-b-none">A block of help text that breaks onto a new line and may extend beyond one line.</span>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label">员工联系方式</label>
                                <div class="col-sm-10"><input placeholder="此处需要短信验证" type="text"
                                                              class="form-control"><span class="help-block m-b-none">A block of help text that breaks onto a new line and may extend beyond one line.</span>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group" id="datepicker">
                                <label class="col-sm-2 control-label">员工入职日期</label>
                                <div class="col-sm-3">
                                    <div class="input-group date">
                                        <span class="input-group-addon"><i class="fa fa-calendar"></i></span><input
                                            id="form-inp-spc" class="form-control">
                                    </div>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group">
                                <label class="col-sm-2 control-label" style="padding-top: 40px;">上传员工图片</label>
                                <div class="col-sm-2">

                                    <div id="dropz">
                                        <p>点击图片上传</p>
                                    </div>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group"><label class="col-sm-2 control-label">员工编号</label>
                                <div class="col-sm-10"><input type="text" onblur="staffNumberIsRepeat()"
                                                              class="form-control"> <span class="help-block m-b-none">A block of help text that breaks onto a new line and may extend beyond one line.</span>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>


                            <div class="form-group"><label class="col-sm-2 control-label">员工职位</label>
                                <div class="col-sm-10">
                                    <div class="col-sm-3">
                                        <input type="radio" name="zhiwei" id="kuguan" value="other"><label for="kuguan">库管</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="radio" name="zhiwei" id="yuangong" value="other"><label
                                            for="yuangong">员工</label>
                                    </div>
                                    <div class="col-sm-3">
                                        <input type="radio" name="zhiwei" id="other" value="other"><label
                                            for="other">其他</label>
                                        <input type="text" readonly placeholder="请输入新职位"
                                               style="border:1px solid rgb(200,200,200)">
                                    </div>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group"><label class="col-sm-2 control-label">员工工资</label>
                                <div class="col-sm-10"><input type="text" placeholder="单位：元" class="form-control"> <span
                                        class="help-block m-b-none">A block of help text that breaks onto a new line and may extend beyond one line.</span>
                                </div>
                            </div>

                            <div class="hr-line-dashed"></div>

                            <div class="form-group">
                                <div class="col-md-3 col-md-offset-2"><input type="submit" class="input-s-lg"></div>
                                <div class="hidden-md hr-line-dashed hidden-lg"></div>
                                <div class="col-md-3 col-md-offset-2"><input type="reset" class="input-s-lg"></div>
                            </div>
                        </form>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- Mainly scripts -->
<script src="../js/jquery-2.1.1.js"></script>
<script src="../js/bootstrap.min.js"></script>
<script src="../js/plugins/metisMenu/jquery.metisMenu.js"></script>
<script src="../js/plugins/slimscroll/jquery.slimscroll.min.js"></script>

<!-- 日期插件 -->
<script src="../js/plugins/datapicker/bootstrap-datepicker.js"></script>

<!-- Custom and plugin javascript -->
<script src="../js/inspinia.js"></script>

<!-- 文件拖拽插件 -->
<script src="../js/plugins/dropzone/dropzone.js"></script>

<script>
    $('#datepicker .input-group.date').datepicker({
        language: "cn",
        todayBtn: "linked",
        todayHighlight: true,
        keyboardNavigation: false,
        format: "yyyy-MM-dd",
        pickerPosition: "bottom-right",
        autoclose: true
    });


    $("#dropz").dropzone({
        url: "handle-upload.php",
        maxFiles: 10,
        maxFilesize: 0.3,
        acceptedFiles: ".jpg,.png,.JPG,.PNG",
        dictDefaultMessage: "如果不上传,则使用默认头像",
        //如果浏览器不支持该插件，则执行次函数
        dictInvalidInputType: "您上传的文件有误，请重试",
        fallback: function () {
            alert("您的浏览器不支持文件上传哦")
        }
    });

    function staffNumberIsRepeat() {
        //判断输入格式
        //ajax传值，查看员工编号是否已经存在
    }
</script>
</body>

</html>
